<template>
  <div>
    <vxe-table border="inner" :data="tableData">
      <vxe-table-column type="seq" width="60" title="序号"></vxe-table-column>
      <vxe-table-column field="name" title="姓名"></vxe-table-column>
      <vxe-table-column field="sex" title="性别"></vxe-table-column>
      <vxe-table-column field="address" title="籍贯"></vxe-table-column>
    </vxe-table>
  </div>
</template>

<script>
import {ref} from 'vue'


export default {
  name: "Home",
  data() {
    let tableData = ref( [
      {
        id: 10001,
        name: "张三",
        sex: "男",
        address: "北京市"
      },
      {
        id: 10002,
        name: "李四",
        sex: "女",
        address: "上海市"
      },
      {
        id: 10003,
        name: "王五",
        sex: "男",
        address: "广州市"
      }
    ])
    return {
      tableData
    };
  }
};
</script>
